<template>
  <div class="flex flex-wrap" style="margin-right: 0px">
    <el-card style="margin-right: 20px; margin-bottom: 20px">
      <todayRecordPic />
    </el-card>
    <!-- </div> -->
    <el-card style="flex: 1; margin-bottom: 20px; margin-right: 20px">
      <img src="@/assets/haha.jpg" />
      <!-- <div class="bg-bg_color" style="padding: 20px; width: 600px" /> -->
    </el-card>
    <el-card style="width: 100%; margin-right: 20px">
      <todayRecordTimeLine />
    </el-card>

    <!-- <div class="bg-bg_color" style="margin: 20px; padding: 20px; width: 100%; margin-top: 0px" /> -->
  </div>
</template>

<script setup lang="ts">
import todayRecordPic from "./components/todayRecordPic.vue";
import todayRecordTimeLine from "./components/todayRecordTimeLine.vue";
defineOptions({
  name: "Welcome"
});
</script>

<style scoped></style>
